{% block header %}
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" type="text/css" href="../static/css/style.css">
    <link rel="shortcut icon" href="{{ url_for('static', filename='favicon.ico') }}">
    <script
      src="{{ url_for('static', filename='js/apiInterface.js') }}"
      type="text/javascript"
    ></script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.4/jquery.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.21/lodash.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.4.1/backbone.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jointjs/3.7.5/joint.js"></script>

    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/jointjs/3.7.5/joint.css" />

    <title>LogicFlow</title>
</head>
{% endblock %}

<body>
    <div id="splash" class="hidden">
        {% include "splashscreen.html" %}
    </div>
    <div id="nav">
            <div class="headCarrier">
                <img width="300px" length = "100px" src="https://static-00.iconduck.com/assets.00/openai-icon-505x512-pr6amibw.png" alt="Logo" id="logo"/>
            </div>
            <div class="headCarrier"><h1>LogicFlow</h1></div>
    </div>

    {% block content %}{%endblock%}
<!-- 
    <form><h2 style="text-align:center;"></p>
        <label for="wname">What's Your Project:</label><br>
        <input type="text" id="wname" name="wname" size="50"><br>
        <input type="submit" value="Submit"><br>
        <label for="aname">Argument:</label><br>
        <input type="text" id="aname" name="aname" size="50"><br>
        <input type="submit" value="Submit"><br>
      </form> -->

</body>